<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <ul>
      <li>1111</li>
      <li>2222</li>
      <li>3333</li>
    </ul>
    <script>
      //克隆节点
      //元素.cloneNode(参数)
      //如果参数为true 表示深度克隆 包括他的后代一起克隆
      //如果参数为false  表示浅克隆  只克隆一层 ul 子元素不会被克隆
      var ul = document.querySelector('ul');
      var clone1 = ul.cloneNode(true); //   ul li li li
      var clone2 = ul.cloneNode(false); //  ul
      console.log(clone1, clone2);
    </script>
  </body>
</html>
